<!--  header结束-->
<div class="userPosition comWidth">
	<strong><a href="#">首页</a></strong>
	<span>&nbsp;&gt;&nbsp;</span>
	<a href="normal.html">标准图谱</a>
	<span>&nbsp;&gt;&nbsp;</span>
	<a href="normal-detail.html"><em>一元二次方程</em></a>
    <span>&nbsp;&gt;&nbsp;</span>
    <em>查看</em>
</div>

<div class="normalMap-show comWidth">
	<ul class="normalMap-show-item">                        
<!--        </li><li><a href="<?php echo yii\helpers\Url::to(['normal/mapinfo'])?>">力矩图呈现</a></li>
	<li><a href="<?php echo yii\helpers\Url::to(['normal/mapinfo2'])?>" class="active" target="_self">树形图呈现</a></li>
	<li><a href="<?php echo yii\helpers\Url::to(['normal/mapinfo3'])?>" target="_self">地图层级呈现</a></li>-->
	</ul>
    
    <div class="normalMap-show-edit">
<!--            <a href="#" target="#" class="course-go" data-gaevent=                              "course-go:v4.0.0.0:academy">
            <span class="icon-go"></span>自定义此图谱
            </a>-->
    </div>    
</div>

<!--图谱呈现开始 -->
  <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
  <div id="main" style="width:1200px; margin-left:auto; margin-right:auto;
       height:600px;margin-top:20px;border:#666 solid 1px;
       background: url(statics/images/tu2.png) no-repeat center;" onclick="window.location.href='<?php echo \yii\helpers\Url::to(['normal/knowres'])?>'">
      
      <div style="margin-top: 100px;margin-left: 450px;">
          <strong>数的运算</strong>    
      </div>
      
  </div>
    <!-- ECharts单文件引入 -->
    <script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
<!--    <script type="text/javascript">
        // 路径配置
        require.config({
            paths: {
                echarts: 'http://echarts.baidu.com/build/dist'
            }
        });
        
        // 使用
        require(
            [
                'echarts',
                'echarts/chart/tree' // 使用柱状图就加载bar模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('main')); 
                
                var option = {
    title : {
        //text: '冰桶挑战'
    },
    toolbox: {
        show : false,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    series : [
        {
            name:'树图',
            type:'tree',
            orient: 'vertical',  // vertical horizontal
            rootLocation: {x: 300,y: 100}, // 根节点位置  {x: 100, y: 'center'}
            nodePadding: 8,
            layerPadding: 200,
            hoverable: false,
            roam: true,
            symbolSize: 6,
            categories:[
            {symbolSize:[30,30]},
            ],
            itemStyle: {
                normal: {
                    color: '#4883b4',
                    label: {
                        show: true,
                        position: 'right',
                        formatter: "{b}",
                        textStyle: {
                            color: '#000',
                            fontSize: 5
                        }
                    },
                    lineStyle: {
                        color: '#000',
                        width: 2,
                        type: 'broken' // 'curve'|'broken'|'solid'|'dotted'|'dashed'  ,用来设置线条的样式

                    }
                },
                emphasis: {
                    color: '#4883b4',
                    label: {
                        show: true
                    },

                    borderWidth: 2
                }

            },
            
            data: [
                {"name":"输的运算",symbolSize:[30,30],
                "children":[{"name":"加减法",
                "children":[{"name":"加法"},{"name":"减法"}]},
                {"name":"乘除法"},{"name":"看图"}]}
            ]
        }
    ]
};
                // 为echarts对象加载数据 
                myChart.setOption(option); 
            }
        );
    </script>-->